<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商家店铺</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../font/iconfont/iconfont.css">
    <link rel="stylesheet" href="../font/iconfont/iconfont.ttf">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/shop.css">
    <style></style>
</head>
<body>
<!--收藏-->
<div class="collection_box">
    <div class="collection_content">
        <div class="close_collection_box icon-font icon-delete2circlecoloring" id="closeCollection"></div>
        <div class="collection_info">
            <div class="collection_info_title">
                <div class="collection_tip_icon icon-font icon-tishi2"></div>
                <div class="collection_tip_title">
                    <div class="title_zh">收藏成功，您可以在收藏夹中查看该商品</div>
                    <div class="title_en">Collection success, you can view this product in the favorites</div>
                </div>
            </div>
            <div class="collection_info_cont">
                <div class="collection_img">
                    <img src="../image/shopImg/shop1.png" alt="">
                </div>
                <div class="collection_name">
                    <div class="title_zh">这里是商品名</div>
                    <div class="title_en">Here is the name of the goods</div>
                </div>
            </div>
        </div>
        <div class="collection_bottom_bar">
            <div class="collection_btn">
                <div class="title_zh">确认</div>
                <div class="title_en">confirm</div>
            </div>
        </div>
    </div>
</div>
<div class="index_container">
    <div class="header">
        <div class="header_bar_container">
            <div class="header_bar">
                <ul class="header_bar_left">
                    <li>
                        <span class="icon-font icon-phone header_bar_icon"></span>
                        <p>1234567890</p>
                    </li>
                    <div class="site_pipe"></div>
                    <li>
                        <span class="icon-font icon-mail header_bar_icon"></span>
                        <p>12345@qq.com</p>
                    </li>
                </ul>
                <ul class="header_bar_right">
                    <li>
                        <div class="head_btn">
                            <div class="head_btn_title">登录</div>
                            <div class="head_btn_title">Login</div>
                        </div>
                    </li>
                    <div class="site_pipe"></div>
                    <li>
                        <div class="head_btn">
                            <div class="head_btn_title">注册</div>
                            <div class="head_btn_title">registred</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <!--导航-->
        <div class="header_nav_container">
            <div class="header_nav_box">
                <div class="my_address">
                    <span class="icon-font icon-address header_bar_icon"></span>
                    <p>London</p>
                </div>
                <div class="logo">
                    <img src="" alt="">
                </div>
                <div class="logo_pipe"></div>
                <div class="store_logo">
                    <img src="" alt="">
                </div>
                <div class="logo_store_name">
                    <div class="title_zh">这是商家店名</div>
                    <div class="title_en">This is the store name</div>
                </div>
                <div class="header_search">
                    <div class="search_box">
                        <input type="text" placeholder="搜索/search for">
                    </div>
                    <div class="all_search_btn">
                        <div class="title_zh">小货郎搜索</div>
                        <div class="title_en">search</div>
                    </div>
                    <div class="store_search_btn">
                        <div class="title_zh">店内搜索</div>
                        <div class="title_en">tore search</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--轮播-->
    <div class="banner">
        <ul>
            <li class="on" onclick="showList(0)"></li>
            <li onclick="showList(1)"></li>
            <li onclick="showList(2)"></li>
        </ul>
        <div class="banner_list">
            <a href="#"><img src="../image/banner/99F41A88514108E2EF7195BB5F68A316.png" title="" alt=""></a>
            <a href="#"><img src="../image/banner/D47EF50517F083B476AB231D5CDB2602.png" title="" alt=""></a>
            <a href="#"><img src="../image/banner/F8420969FFEED07A7280638F95DD0588.png" title="" alt=""></a>
        </div>
    </div>
    <div class="content">
        <!--商品分类-->
        <div class="my_show_container">
            <div class="my_show_bar">
                <div class="list_point">
                    <div class="point_title">
                        <a href="#">
                            <div class="title_zh">首页</div>
                            <div class="title_en">HOME</div>
                        </a>
                    </div>
                    <em class="icon-font icon-right_s point_icon"></em>
                    <div class="point_title">
                        <a href="#">
                            <div class="title_zh">店铺</div>
                            <div class="title_en">STORE</div>
                        </a>
                    </div>
                    <em class="icon-font icon-right_s point_icon"></em>
                    <div class="point_title">
                        <div class="title_zh">肉类</div>
                        <div class="title_en">MEET</div>
                    </div>
                </div>
                <div class="shop_tag">
                    <ul id="myTab">
                        <li class="nav-tabs">
                            <a href="#basicInformation" data-toggle="tab">
                                <div class="title_zh">基本信息</div>
                                <div class="title_en">Basic information</div>
                            </a>
                        </li>
                        <li class="nav-tabs">
                            <a href="#businessReputation" data-toggle="tab">
                                <div class="title_zh">商家口碑</div>
                                <div class="title_en">Business reputation</div>
                            </a>
                        </li>
                        <li class="nav-tabs">
                            <a href="#favoriteShop" data-toggle="tab">
                                <div class="title_zh">收藏店铺</div>
                                <div class="title_en">Favorite shop</div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="my_show_box">
                <div class="categories_list">
                    <div class="categories_list_title">
                        <a href="javascript:;">
                            <!--<em class="icon-font icon-cc-right"></em>-->
                            <div class="list_title">
                                <div class="title_zh">商品分类</div>
                                <div class="title_en">categories</div>
                            </div>
                        </a>
                    </div>
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <em class="icon-font icon-cc-right"></em>
                                <div class="list_title">
                                    <div class="title_zh">肉类</div>
                                    <div class="title_en">meat</div>
                                </div>
                            </a>
                            <ul>
                                <li>
                                    <a href="javascript:;">
                                        <em class="icon-font icon-cc-right"></em>
                                        <div class="list_title">
                                            <div class="title_zh">鸡肉</div>
                                            <div class="title_en">meat</div>
                                        </div>
                                    </a>
                                    <ul>
                                        <li>
                                            <a href="javascript:;">
                                                <em class="icon-font icon-cc-right"></em>
                                                <div class="list_title">
                                                    <div class="title_zh">鸡腿肉</div>
                                                    <div class="title_en">meat</div>
                                                </div>
                                            </a>
                                            <ul>
                                                <li>
                                                    <a href="javascript:;">
                                                        <em class="icon-font icon-cc-right"></em>
                                                        <div class="list_title">
                                                            <div class="title_zh">品牌1</div>
                                                            <div class="title_en">meat</div>
                                                        </div>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">
                                                        <em class="icon-font icon-cc-right"></em>
                                                        <div class="list_title">
                                                            <div class="title_zh">品牌2</div>
                                                            <div class="title_en">meat</div>
                                                        </div>
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <em class="icon-font icon-cc-right"></em>
                                                <div class="list_title">
                                                    <div class="title_zh">鸡胸肉</div>
                                                    <div class="title_en">meat</div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <em class="icon-font icon-cc-right"></em>
                                                <div class="list_title">
                                                    <div class="title_zh">鸡爪</div>
                                                    <div class="title_en">meat</div>
                                                </div>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <em class="icon-font icon-cc-right"></em>
                                        <div class="list_title">
                                            <div class="title_zh">鸭肉</div>
                                            <div class="title_en">meat</div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <em class="icon-font icon-cc-right"></em>
                                        <div class="list_title">
                                            <div class="title_zh">猪肉</div>
                                            <div class="title_en">meat</div>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <em class="icon-font icon-cc-right"></em>
                                <div class="list_title">
                                    <div class="title_zh">蔬菜</div>
                                    <div class="title_en">meat</div>
                                </div>
                            </a>
                            <ul>
                                <li>
                                    <a href="javascript:;">
                                        <em class="icon-font icon-cc-right"></em>
                                        <div class="list_title">
                                            <div class="title_zh">辣椒</div>
                                            <div class="title_en">meat</div>
                                        </div>
                                    </a>
                                    <ul>
                                        <li>
                                            <a href="javascript:;">
                                                <em class="icon-font icon-cc-right"></em>
                                                <div class="list_title">
                                                    <div class="title_zh">青椒</div>
                                                    <div class="title_en">meat</div>
                                                </div>
                                            </a>
                                            <ul>
                                                <li>
                                                    <a href="javascript:;">
                                                        <em class="icon-font icon-cc-right"></em>
                                                        <div class="list_title">
                                                            <div class="title_zh">品牌1</div>
                                                            <div class="title_en">meat</div>
                                                        </div>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;">
                                                        <em class="icon-font icon-cc-right"></em>
                                                        <div class="list_title">
                                                            <div class="title_zh">品牌2</div>
                                                            <div class="title_en">meat</div>
                                                        </div>
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="javascript:;">
                                                <em class="icon-font icon-cc-right"></em>
                                                <div class="list_title">
                                                    <div class="title_zh">红椒</div>
                                                    <div class="title_en">meat</div>
                                                </div>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <em class="icon-font icon-cc-right"></em>
                                        <div class="list_title">
                                            <div class="title_zh">茄子</div>
                                            <div class="title_en">meat</div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <em class="icon-font icon-cc-right"></em>
                                        <div class="list_title">
                                            <div class="title_zh">白菜</div>
                                            <div class="title_en">meat</div>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <em class="icon-font icon-cc-right"></em>
                                <div class="list_title">
                                    <div class="title_zh">水果</div>
                                    <div class="title_en">meat</div>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="my_show_content tab-content">
                    <div class="tab-pane basic_info_container" id="basicInformation">
                        <div class="basic_info_box">
                            <div class="store_basic_info">
                                <div class="store_basic_img">
                                    <img src="../image/shopImg/shop2.png" alt="">
                                </div>
                                <div class="store_basic_title">
                                    <div class="store_basic_name">
                                        <div class="title_zh">这是商家店名</div>
                                        <div class="title_en">This is the store name</div>
                                    </div>
                                    <div class="store_basic_phone">
                                        <div class="store_basic_icon icon-font icon-phone"></div>
                                        <p>1321565</p>
                                    </div>
                                    <div class="store_basic_address">
                                        <div class="store_basic_icon icon-font icon-address"></div>
                                        <div class="basic_address">
                                            <div class="title_zh">这里是商家地址</div>
                                            <div class="title_en">Business address</div>
                                        </div>
                                    </div>
                                    <div class="store_basic_score">
                                        <div class="basic_score_title">
                                            <div class="title_zh">评分</div>
                                            <div class="title_en">score</div>
                                        </div>
                                        <div class="basic_score_img">
                                            <span class="icon-font icon-star"></span>
                                            <span class="icon-font icon-star"></span>
                                            <span class="icon-font icon-star"></span>
                                            <span class="icon-font icon-star1"></span>
                                            <span class="icon-font icon-star1"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="shipping_box">
                                    <div class="shopping_title">
                                        <div class="title_zh">配送日程</div>
                                        <div class="title_en">The shipping schedule</div>
                                    </div>
                                </div>
                            </div>
                            <div class="scope_info">
                                <div class="scope_info_title">
                                    <div class="title_zh">主营内容</div>
                                    <div class="title_en">Scope of business</div>
                                </div>
                                <div class="scope_content">
                                    <div class="scope_describe">这里是店铺主营内容</div>
                                    <div class="scope_describe">Main content</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="business_info_container tab-pane" id="businessReputation">
                        <div class="business_info_box">
                            <div class="business_rating">
                                <div class="rating_title">
                                    <div class="title_zh">总体评分</div>
                                    <div class="title_en">Overall rating</div>
                                </div>
                                <div class="rating_img">
                                    <span class="icon-font icon-star"></span>
                                    <span class="icon-font icon-star"></span>
                                    <span class="icon-font icon-star"></span>
                                    <span class="icon-font icon-star"></span>
                                    <span class="icon-font icon-star1"></span>
                                </div>
                            </div>
                            <div class="business_bar_list">
                                <div class="radio_bar">
                                    <input type="radio" name="rating-type" value="all">
                                    <div class="radio_title">
                                        <div class="title_zh">全部</div>
                                        <div class="title_en">All</div>
                                    </div>
                                </div>
                                <div class="radio_bar">
                                    <input type="radio" name="rating-type" value="all">
                                    <div class="radio_title">
                                        <div class="title_zh">低分</div>
                                        <div class="title_en">Low score</div>
                                    </div>
                                </div>
                                <div class="radio_bar">
                                    <input type="radio" name="rating-type" value="all">
                                    <div class="radio_title">
                                        <div class="title_zh">最新</div>
                                        <div class="title_en">Up to date</div>
                                    </div>
                                </div>
                            </div>
                            <div class="rating_content">
                                <div class="user_rating_info">
                                    <div class="user_rating_bar">
                                        <div class="user_rating_cont">这里是评价内容这里是评价内容这里是评价内容这里是评价内容这里是评价内容这里是评价内容这里是评价内容</div>
                                        <div class="user_name">这里是用户名</div>
                                    </div>
                                    <div class="user_rating_time">2018.01.12</div>
                                </div>
                                <div class="user_rating_info">
                                    <div class="user_rating_bar">
                                        <div class="user_rating_cont">这里是评价内容这里是评价内容这里是评价内容这里是评价内容这里是评价内容这里是评价内容这里是评价内容</div>
                                        <div class="user_name">这里是用户名</div>
                                    </div>
                                    <div class="user_rating_time">2018.01.12</div>
                                </div>
                                <div class="user_rating_info">
                                    <div class="user_rating_bar">
                                        <div class="user_rating_cont">这里是评价内容这里是评价内容这里是评价内容这里是评价内容这里是评价内容这里是评价内容这里是评价内容</div>
                                        <div class="user_name">这里是用户名</div>
                                    </div>
                                    <div class="user_rating_time">2018.01.12</div>
                                </div>
                                <div class="user_rating_info">
                                    <div class="user_rating_bar">
                                        <div class="user_rating_cont">这里是评价内容这里是评价内容这里是评价内容这里是评价内容这里是评价内容这里是评价内容这里是评价内容</div>
                                        <div class="user_name">这里是用户名</div>
                                    </div>
                                    <div class="user_rating_time">2018.01.12</div>
                                </div>
                                <div class="user_rating_info">
                                    <div class="user_rating_bar">
                                        <div class="user_rating_cont">这里是评价内容这里是评价内容这里是评价内容这里是评价内容这里是评价内容这里是评价内容这里是评价内容</div>
                                        <div class="user_name">这里是用户名</div>
                                    </div>
                                    <div class="user_rating_time">2018.01.12</div>
                                </div>
                                <div class="user_rating_info">
                                    <div class="user_rating_bar">
                                        <div class="user_rating_cont">这里是评价内容这里是评价内容这里是评价内容这里是评价内容这里是评价内容这里是评价内容这里是评价内容</div>
                                        <div class="user_name">这里是用户名</div>
                                    </div>
                                    <div class="user_rating_time">2018.01.12</div>
                                </div>
                                <div class="user_rating_info">
                                    <div class="user_rating_bar">
                                        <div class="user_rating_cont">这里是评价内容这里是评价内容这里是评价内容这里是评价内容这里是评价内容这里是评价内容这里是评价内容</div>
                                        <div class="user_name">这里是用户名</div>
                                    </div>
                                    <div class="user_rating_time">2018.01.12</div>
                                </div>
                            </div>
                            <div class="user_rating_pagination"></div>
                        </div>
                    </div>
                    <div class="favorite_info_container tab-pane" id="favoriteShop">
                        <div class="favorite_info_box">
                            <div class="favorite_info_title">
                                <div class="favorite_tip_icon icon-font icon-tishi2"></div>
                                <div class="favorite_tip_title">
                                    <div class="title_zh">确认收藏该店铺？</div>
                                    <div class="title_en">Confirm to store the store?</div>
                                </div>
                            </div>
                            <div class="favorite_info_cont">
                                <div class="favorite_img">
                                    <img src="../image/shopImg/shop1.png" alt="">
                                </div>
                                <div class="favorite_name">
                                    <div class="title_zh">这里是店铺名称</div>
                                    <div class="title_en">Here is the name of the shop</div>
                                </div>
                            </div>
                            <div class="favorite_confirm">
                                <div class="title_zh">确认</div>
                                <div class="title_en">confirm</div>
                            </div>
                        </div>
                    </div>
                    <div class="my_show_area">
                        <div class="good_area">
                            <a href="#">
                                <div class="good_img">
                                    <img src="../image/shopImg/shop1.png" alt="">
                                </div>
                                <div class="good_info">
                                    <div class="good_name">
                                        <div class="title_zh">这是商品名</div>
                                        <div class="title_en">product name</div>
                                    </div>
                                </div>
                            </a>
                            <div class="good_price_box">
                                <div class="good_price">
                                    <em>￡</em>
                                    <span>134.00/kg</span>
                                </div>
                                <div class="good_collection icon-font icon-heart1"></div>
                            </div>
                        </div>
                        <div class="good_area">
                            <a href="#">
                                <div class="good_img">
                                    <img src="../image/shopImg/shop1.png" alt="">
                                </div>
                                <div class="good_info">
                                    <div class="good_name">
                                        <div class="title_zh">这是商品名</div>
                                        <div class="title_en">product name</div>
                                    </div>
                                </div>
                            </a>
                            <div class="good_price_box">
                                <div class="good_price">
                                    <em>￡</em>
                                    <span>134.00/kg</span>
                                </div>
                                <div class="good_collection icon-font icon-heart1"></div>
                            </div>
                        </div>
                        <div class="good_area">
                            <a href="#">
                                <div class="good_img">
                                    <img src="../image/shopImg/shop1.png" alt="">
                                </div>
                                <div class="good_info">
                                    <div class="good_name">
                                        <div class="title_zh">这是商品名</div>
                                        <div class="title_en">product name</div>
                                    </div>
                                </div>
                            </a>
                            <div class="good_price_box">
                                <div class="good_price">
                                    <em>￡</em>
                                    <span>134.00/kg</span>
                                </div>
                                <div class="good_collection icon-font icon-heart1"></div>
                            </div>
                        </div>
                        <div class="good_area">
                            <a href="#">
                                <div class="good_img">
                                    <img src="../image/shopImg/shop1.png" alt="">
                                </div>
                                <div class="good_info">
                                    <div class="good_name">
                                        <div class="title_zh">这是商品名</div>
                                        <div class="title_en">product name</div>
                                    </div>
                                </div>
                            </a>
                            <div class="good_price_box">
                                <div class="good_price">
                                    <em>￡</em>
                                    <span>134.00/kg</span>
                                </div>
                                <div class="good_collection icon-font icon-heart1"></div>
                            </div>
                        </div>
                        <div class="good_area">
                            <a href="#">
                                <div class="good_img">
                                    <img src="../image/shopImg/shop1.png" alt="">
                                </div>
                                <div class="good_info">
                                    <div class="good_name">
                                        <div class="title_zh">这是商品名</div>
                                        <div class="title_en">product name</div>
                                    </div>
                                </div>
                            </a>
                            <div class="good_price_box">
                                <div class="good_price">
                                    <em>￡</em>
                                    <span>134.00/kg</span>
                                </div>
                                <div class="good_collection icon-font icon-heart1"></div>
                            </div>
                        </div>
                        <div class="good_area">
                            <a href="#">
                                <div class="good_img">
                                    <img src="../image/shopImg/shop1.png" alt="">
                                </div>
                                <div class="good_info">
                                    <div class="good_name">
                                        <div class="title_zh">这是商品名</div>
                                        <div class="title_en">product name</div>
                                    </div>
                                </div>
                            </a>
                            <div class="good_price_box">
                                <div class="good_price">
                                    <em>￡</em>
                                    <span>134.00/kg</span>
                                </div>
                                <div class="good_collection icon-font icon-heart1"></div>
                            </div>
                        </div>
                        <div class="good_area">
                            <a href="#">
                                <div class="good_img">
                                    <img src="../image/shopImg/shop1.png" alt="">
                                </div>
                                <div class="good_info">
                                    <div class="good_name">
                                        <div class="title_zh">这是商品名</div>
                                        <div class="title_en">product name</div>
                                    </div>
                                </div>
                            </a>
                            <div class="good_price_box">
                                <div class="good_price">
                                    <em>￡</em>
                                    <span>134.00/kg</span>
                                </div>
                                <div class="good_collection icon-font icon-heart1"></div>
                            </div>
                        </div>
                        <div class="good_area">
                            <a href="#">
                                <div class="good_img">
                                    <img src="../image/shopImg/shop1.png" alt="">
                                </div>
                                <div class="good_info">
                                    <div class="good_name">
                                        <div class="title_zh">这是商品名</div>
                                        <div class="title_en">product name</div>
                                    </div>
                                </div>
                            </a>
                            <div class="good_price_box">
                                <div class="good_price">
                                    <em>￡</em>
                                    <span>134.00/kg</span>
                                </div>
                                <div class="good_collection icon-font icon-heart1"></div>
                            </div>
                        </div>
                        <div class="good_area">
                            <a href="#">
                                <div class="good_img">
                                    <img src="../image/shopImg/shop1.png" alt="">
                                </div>
                                <div class="good_info">
                                    <div class="good_name">
                                        <div class="title_zh">这是商品名</div>
                                        <div class="title_en">product name</div>
                                    </div>
                                </div>
                            </a>
                            <div class="good_price_box">
                                <div class="good_price">
                                    <em>￡</em>
                                    <span>134.00/kg</span>
                                </div>
                                <div class="good_collection icon-font icon-heart1"></div>
                            </div>
                        </div>
                    </div>
                    <!--分页-->
                    <div class="pagination_box"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="slogan">
        <div class="slogan_title">
            <p>Here is the slogan</p>
        </div>
        <div class="sub_slogan_title">
            <p>Here is the slogan</p>
        </div>
    </div>
    <div class="footer">
        <div class="footer_content">
            <div class="footer_cont_left">
                <div class="about_us_container">
                    <div class="footer_title">
                        <div class="title_zh">关于我们</div>
                        <div class="title_en">About us</div>
                    </div>
                    <div class="about_us_text">
                        <p>这里是关于我们内容这里是关于我们内容这里是关于我们内容这里是关于我们内容这里是关于我们内容这里是关于我们内容这里是关于我们内容这里是关于我们内容这里是关于我们内容这里是关于我们内容这里是关于我们内容这里是关于我们内容</p>
                    </div>
                </div>
                <div class="photos_stream_container">
                    <div class="footer_title">
                        <div class="title_zh">照片流</div>
                        <div class="title_en">Photos stream</div>
                    </div>
                    <div class="photos_img_box">
                        <div class="photos_img_a">
                            <img src="../image/footer/photos1.png" alt="">
                        </div>
                        <div class="photos_img_b">
                            <img src="../image/footer/photos2.png" alt="">
                        </div>
                        <div class="photos_img_c">
                            <img src="../image/footer/photos3.png" alt="">
                        </div>
                        <div class="photos_img_d">
                            <img src="../image/footer/photos4.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer_cont_right">
                <div class="contact_us_container">
                    <div class="footer_title">
                        <div class="title_zh">联系我们</div>
                        <div class="title_en">Contact us</div>
                    </div>
                    <div class="contact_us_area">
                        <div class="contact_row">
                            <div class="contact_icon icon-font icon-address"></div>
                            <div class="contact_title">
                                <div class="title_zh">地址</div>
                                <div class="title_en">address</div>
                            </div>
                            <div class="contact_cont">
                                <div class="title_zh">这里是地址</div>
                                <div class="title_en">Here is the address</div>
                            </div>
                        </div>
                        <div class="contact_row">
                            <div class="contact_icon icon-font icon-iconminesel"></div>
                            <div class="contact_title">
                                <div class="title_zh">联系人</div>
                                <div class="title_en">contact</div>
                            </div>
                            <div class="contact_cont">
                                <div class="title_zh">这里是联系人</div>
                                <div class="title_en">Here is the contact</div>
                            </div>
                        </div>
                        <div class="contact_row">
                            <div class="contact_icon icon-font icon-phone"></div>
                            <div class="contact_title">
                                <div class="title_zh">电话</div>
                                <div class="title_en">phone</div>
                            </div>
                            <div class="contact_cont">
                                <div class="title_zh">这里是电话号码</div>
                                <div class="title_en">Here is the phone number</div>
                            </div>
                        </div>
                        <div class="contact_row">
                            <div class="contact_icon icon-font icon-mail"></div>
                            <div class="contact_title">
                                <div class="title_zh">邮箱</div>
                                <div class="title_en">mailbox</div>
                            </div>
                            <div class="contact_cont">
                                <div class="title_zh">这里是邮箱</div>
                                <div class="title_en">Here is the email</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer_bottom_bar"><p>2018 © Metronic Shop UI. ALL Rights Reserved.</p></div>
    </div>
</div>
</body>
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/common.js"></script>
<script>
    $(function() {
        bannerInit();
    });
    $('.good_collection').click(function () {
        $('.collection_box').show();
    });
    $('#closeCollection').click(function () {
        $('.collection_box').hide();
    })
    //商品分类
    $('.categories_list li a').click(function(){
        if($(this).siblings('ul').css('display')=='none'){
            $(this).parent('li').siblings('li').removeClass('li_style');
            $(this).addClass('li_style');
            $(this).siblings('ul').slideDown(100).children('li');
            if($(this).parents('li').siblings('li').children('ul').css('display')=='block'){
                $(this).parents('li').siblings('li').find('ul').parent('li').children('a').removeClass('li_style');
                $(this).parents('li').siblings('li').find('ul').slideUp(100);
            }
        }else{
            $(this).removeClass('li_style');
            $(this).siblings('ul').slideUp(100);
            $(this).siblings('ul').children('li').children('ul').parent('li').children('a').addClass('li_style');
            $(this).siblings('ul').children('li').find('ul').slideUp(100);
            $(this).siblings('ul').find('li').children('a').removeClass('li_style');
        }
    })
</script>
</html>